import react, { Fragment } from 'react'
import { withRouter } from 'next/router'
import Layout from "../common/Layout"
import { Alert } from 'antd'
import layout from "../../static/layout/index.scss"

class UserDetail extends react.Component {

  componentDidMount() {
    console.info(this.props)
  }

  render() {
    const { router } = this.props
    return (
      <Layout title='用户详情'>
        <Fragment>
          <h1 className={layout.title}>It's user UserDetail</h1>
          <Alert type="info" message="Informational Notes" description={router.query.username} showIcon></Alert>
        </Fragment>
      </Layout>
    )
  }
}

export default withRouter(UserDetail)
